<script setup>
import {defineProps} from "vue"
import {useRouter} from "vue-router"
let a=useRouter()
let el=defineProps(["obj"])
// console.log(el.obj)
function fn(arg){
   a.push({path:`/wj/xqy`,query:{id:arg}})
}
</script>

<template>

    <div class="inner">
       <img :src="suburl+el.obj.img" alt="" @click="fn(el.obj.gid)">
       <p class="span1" @click="fn(el.obj.gid)">{{el.obj.title}}</p>
       <p>{{el.obj.name}}</p>
    </div>
    
</template>

<style scoped lang="scss">
.inner{
    width: 135px;
    height: 206px;
    margin-left:25px;
    margin-top:15px;
   img{
       width: 135px;
       height: 135px;
   }
   .span1{
       font-size: 14px;
       color: #138A64;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       cursor: pointer;
   }
   p{
       color: #999999;
       font-size: 13px;
       overflow: hidden;
       text-overflow: ellipsis;
        white-space: nowrap;
   }
}
</style>